<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Class-静态成员</title>
</head>
<body>
<script>

  // ES5 构造函数的静态成员
  function Phone() {

  }
  Phone.name='huaWei';//构造函数的静态成员
  Phone.price=2999;//构造函数的静态成员
  Phone.print=function (){//构造函数的静态成员
    console.log('phone')
  }
  /*
    构造函数对象中的静态成员不能被实例对象调用
      * 上面向构造函数中添加了属性和方法 只能使用Phone.name输出静态成员
      * 下面是实例化对象输出 因为上面向构造函数添加的静态成员所以报错
  */
  // 对象实例化
  let phone=new Phone()
  //输出实例对象的属性
  console.log(phone.name)
  // 调用实例对象方法
  phone.print();


  // ES6 Class的静态成员
  class Person{
    static name='zhangSan';
    static age=15;
    static sex='男'
    static print(){
      console.log('hello!')
    }
  }
  let person=new Person();
  console.log(person.name)
  console.log(person.age)
  person.print()

</script>
</body>
</html>